<!doctype html>
<html>
	<head>
		<title>Post Typography | Key Lime</title>
		<meta charset="utf-8">
		<meta name="description" content="Key Lime Responsive HTML5/CSS3 Template from angelostudio.net">
		<meta name="author" content="ANGELOSTUDIO.NET">
		<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,700|Merriweather:400,400italic,700italic" rel="stylesheet" type="text/css">
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/icons.css">
		<link rel="stylesheet" href="css/animate.min.css">
		<link rel="shortcut icon" href="img/ico/32.png" sizes="32x32" type="image/png"/>
		<link rel="apple-touch-icon-precomposed" href="img/ico/60.png" type="image/png"/>
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/ico/72.png" type="image/png"/>
		<link rel="apple-touch-icon-precomposed" sizes="120x120" href="img/ico/120.png" type="image/png"/>
		<link rel="apple-touch-icon-precomposed" sizes="152x152" href="img/ico/152.png" type="image/png"/>
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
			<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>

	<body id="home">
		<div id="menu" class="menu-right">
			<ul>
				<form class="menu-search" >
					<div class="form-group header">
						<i class="icon-search searchico"></i>
						<input type="text" placeholder="Blog Search">
						<a href="#" class="close-menu"><i class="icon-close"></i></a>
					</div>
				</form>
				<li><a href="index.html"><i class="icon-lime"></i>Home</a></li>
				<li><a href="about.html"><i class="icon-user"></i>About</a></li>
				<li class="submenu">
					<a href="#"><i class="icon-books"></i>Categories<b class="caret"></b></a>
					<ul class="submenu-list">
						<li><a href="category.html">Blogroll <span class="badge golden">2</span></a></li>
						<li><a href="category.html">Quotes<span class="badge">4</span></a></li>
						<li><a href="category.html">Travel<span class="badge red">12</span></a></li>
						<li><a href="category.html">Writing<span class="badge blue">7</span></a></li>
					</ul>		
				</li>
				<li class="submenu submenu-open">
					<a href="#"><i class="icon-file"></i>Pages<b class="caret"></b></a>
					<ul class="submenu-list">
						<li><a href="post-image.html">Post Image</a></li>
						<li><a href="post-audio.html">Post Audio</a></li>
						<li><a href="post-video.html">Post Video</a></li>						
						<li><a href="post-typography.html">Typography</a></li>
						<li><a href="author.html">Author</a></li>
						<li><a href="search.html">Search</a></li>
						<li><a href="404.html">404 Error</a></li>
					</ul>		
				</li>
				<li class="submenu">
					<a href="#"><i class="icon-calendar"></i>Archives <b class="caret"></b></a>
					<ul class="submenu-list">
						<li><a href="archives.html">June<span>2014</span></a></li>
						<li><a href="archives.html">May<span>2014</span></a></li>
						<li><a href="archives.html">January<span>2014</span></a></li>
						<li><a href="archives.html">October<span>2013</span></a></li>
					</ul>	
				</li>
				<li><a href="contact.html"><i class="icon-envelope"></i>Contact</a></li>
			</ul>
		</div>
		<div id="wrap">
			<div id="main-nav" class="">
				<div class="container">
					<div class="nav-header">
							<a class="nav-brand" href="index.html"><i class="icon-lime"></i>Key Lime</a>
							<a class="menu-link nav-icon" href="#"><i class="icon-menu2"></i></a>
							<a class="btn btn-blog outline-white pull-right" href="#" data-toggle="modal" data-target="#loginModal">Login</a>
						</div>
				</div>
			</div>
					
			<section id="hero" class="light-typo">
				<div id="cover-image" class="image-bg2 animated fadeIn"></div>
				<div class="container welcome-content">
					<div class="middle-text">
						<h1>We don't have a brig</h1>
						<h2>Writing</h2>
					</div>	
				</div>
			</section>

			<section id="breadcrumb">
				<div class="container">
					<div class="row">
						<div class="col-md-10 col-md-offset-1">
							<ol class="breadcrumb">
								<li><a href="index.html">Blog</a></li>
								<li><a href="#">Writing</a></li>
								<li class="active">We don't have a brig</li>
							</ol>
						</div>
					</div>
				</div>
			</section>

			<div class="container content">
					<div class="row">
						<div class="col-md-10 col-md-offset-1">
							
							<div class="post-date">
								May 26, 2014 | <a href="">Melissa Sing </a> <span><a href="">11 Comments</a></span>
							</div>		
							<!-- <h1>We don't have a brig</h1> -->
							<div class="post-intro">Use this resource to highlight the points of interest of your products. Just a click to open a brief description of each point, allowing your user to get a deep and fast understanding of your product features.</div>
							<p>Fry! Quit doing the right thing, you jerk! Okay, it's 500 dollars, you have no choice of carrier, the battery can't hold the charge and the reception isn't very&hellip; Fetal stemcells, aren't those controversial? WINDMILLS DO NOT WORK THAT WAY! GOOD NIGHT! Kids don't turn rotten just from watching TV.</p>
							<p>Leela, Bender, we're going grave robbing. We need rest.  The spirit is willing, but the flesh is spongy and bruised. Why not indeed! Oh, I don't have time for this.  I have to go and buy a single piece of fruit with a coupon and then return it, making people wait behind me while I complain.</p>
							<h2>The Cyber House Rules</h2>
							<p>She also liked to shut up! Yep, I <a href="">remember</a>. They came in last at the Olympics, then retired to promote <code>alcoholic</code> beverages! No, just a regular mistake.</p>
							<p>Stop! Don't shoot fire stick in space canoe! <strong>Cause explosive</strong> decompression! No, she'll probably make me do it. The alien mothership is in orbit here. If we can hit that bullseye, the rest of the dominoes will fall like a house of cards. Checkmate. Hey, guess what you're accessories to. Oh yeah, good luck with that. We'll go deliver this crate like professionals, and then we'll go home.</p>
							<pre><code>
 !function($) {

	var defaults = {
	  sectionContainer: "section",
	  …
	};

	$.fn.onepage_scroll = function(options) {
	  var settings = $.extend({}, defaults, options);
	  …
	}

 }($)
							</code></pre>
							<p>Who am I making this out to? It's a T. It goes "tuh". Why yes! Thanks for noticing. I wish! It's a nickel. Hi, I'm a naughty nurse, and I really need someone to talk to. $9.95 a minute.</p>
							<a class="btn" href="#">Button</a>
							<a class="btn outline" href="#">Button Outline</a>

							<p>But I've never been to the moon! I found what I need. And it's not friends, it's things. Can I use the gun? Incidentally, you have a dime up your nose. One hundred dollars.</p>
							<ul>
								<li>And yet you haven't said what I told you to say! How can any of us trust you?</li>
								<li>But I've never been to the moon!</li>
								<li>You can crush me but you can't crush my spirit!</li>
								<li>We'll go deliver this crate like professionals, and then we'll go home.</li>
								<li>Oh yeah, good luck with that.</li>
							</ul>
						
							<p>Guess again. That could be 'my' beautiful soul sitting naked on a couch. If I could just learn to play this stupid thing. Is that a cooking show?</p>
							<h2>Lrrreconcilable Ndndifferences</h2>
							<p>But, like most politicians, he promised more than he could deliver. I'll get my kit! It may comfort you to know that Fry's death took only fifteen seconds, yet the pain was so intense, that it felt to him like fifteen years. And it goes without saying, it caused him to empty his bowels. I'll tell them you went down prying the wedding ring off his cold, dead finger. You can crush me but you can't crush my spirit!</p>
							
							<ol>
							<li>I'll tell them you went down prying the wedding ring off his cold, dead finger.</li>
							<li>Stop! Don't shoot fire stick in space canoe! Cause explosive decompression!</li>
							<li>It may comfort you to know that Fry's death took only fifteen seconds, yet the pain was so intense, that it felt to him like fifteen years. And it goes without saying, it caused him to empty his bowels.</li>
							<li>Oh yeah, good luck with that.</li>
							</ol>

							<p>Pansy. In our darkest hour, we can stand erect, with proud upthrust bosoms. Oh, I always feared he might run off like this. Why, why, why didn't I break his legs?</p>
							<h2>The Luck of the Fryrish</h2>
							<p>Bender, hurry! This fuel's expensive! Also, we're dying! Fry, we have a crate to deliver. In your time, yes, but nowadays shut up! Besides, these are adult stemcells, harvested from perfectly healthy adults whom I killed for their stemcells. This is the worst part. The calm before the battle.</p>

							<figure>
								<a href="img/bike.jpg">
									<img src="img/bike.jpg" class="img-responsive" alt="Leela, Bender, we're going grave robbing.">
								</a>

								<figcaption>
									Leela, Bender, we're going grave robbing. (<a href="img/bike.jpg">View large version</a>)
								</figcaption>
							</figure>

							<p>If rubbin' frozen dirt in your crotch is wrong, hey I don't wanna be right. If rubbin' frozen dirt in your crotch is wrong, hey I don't wanna be right. Does anybody else feel jealous and aroused and worried? Then throw her in the laundry room, which will hereafter be referred to as "the brig".</p>
							<blockquote>	
								<p>Well, let's just dump it in the sewer and say we delivered it. But existing is basically all I do! But, like most politicians, he promised more than he could deliver. But existing is basically all I do! I never loved you.</p>
								<footer><cite>Bender</cite></footer>
							</blockquote>
							<p>Good news, everyone! There's a report on TV with some very bad news! Ask her how her day was. You, a bobsleder!? That I'd like to see! Soothe us with sweet lies. Who am I making this out to? And why did 'I' have to take a cab?</p>
							<blockquote>
								<p>Isn't it true that you have been paid for your testimony? Daddy Bender, we're hungry. I love you, buddy!</p>
							</blockquote>
							<p>Of all the friends I've had&hellip; you're the first. Bender, this is Fry's decision&hellip; and he made it wrong. So it's time for us to interfere in his life. Bite my shiny metal ass. You guys realize you live in a sewer, right?</p>
							<p>Good man. Nixon's pro-war and pro-family. I daresay that Fry has discovered the smelliest object in the known universe! Doomsday device? Ah, now the ball's in Farnsworth's court! Why would I want to know that? Hey, what kinda party is this? There's no booze and only one hooker. She also liked to shut up!</p>
							
							<div class="post-date">
								tags | <a href="">JavaScript</a> , <a href="">jQuery</a> , <a href="">Angular</a> 
								<span>

								</span>
							</div>
								<ul class="social-links outline text-center">
										<li><a href="#link"><i class="icon-twitter"></i></a></li>
										<li><a href="#link"><i class="icon-facebook"></i></a></li>
										<li><a href="#link"><i class="icon-googleplus"></i></a></li>
									</ul>

							<div id="author" class="clearfix">
								<img class="img-circle" alt="" src="img/author-sing.jpg" height="96" width="96">
								<div class="author-info">
									<h3>Melissa Sing</h3>
									<p>If rubbin' frozen dirt in your crotch is wrong, hey I don't wanna be right. You can follow her on <a href="">Twitter</a>.</p>
								</div>
							</div>

							<div class="post-popular">
								<div class="row hidden-xs">
									<div class="col-sm-4 col-md-4">	
										<a href="post-video.html"><img src="img/img2.jpg" class="img-responsive" alt="img2"></a>
										<h4 class="text-center"><a href="post-video.html">But I've never been to the moon!</a></h4>
										<p class="post-date text-center">MAY 10, 2014</p>
									</div>
									<div class="col-sm-4 col-md-4">	
										<a href="post-typography.html"><img  src="img/img1.jpg" class="img-responsive" alt="img1"></a>
										<h4 class="text-center"><a href="post-typography.html">We don't have a brig</a></h4>
										<p class="post-date text-center">september 27, 2014</p>
										
									</div>
									<div class="col-sm-4 col-md-4">	
										<a href="post-image.html"><img  src="img/img3.jpg" class="img-responsive" alt="img3"></a>
										<h4 class="text-center"><a href="post-image.html">Every other day it's food, food, food.</a></h4>
										<p class="post-date text-center">april 2, 2014</p>
										
									</div>
								</div>
								<div class="row visible-xs">
									<div class="col-sm-12">
										<div class="media">
											<a class="pull-left" href="post-video.html"><img class="media-object" src="img/img2.jpg" width="100" alt=""></a>
											<div class="media-body">
												<h4 class="media-heading"><a href="post-video.html">But I've never been to the moon!</a></h4>
												<p class="post-date">may 10, 2014</p>
											</div>
										</div>
										<div class="media">
											<a class="pull-left" href="post-typography.html"><img class="media-object" src="img/img1.jpg" width="100" alt=""></a>
											<div class="media-body">
												<h4 class="media-heading"><a href="post-typography.html">We don't have a brig</a></h4>
												<p class="post-date">september 27, 2014</p>
											</div>
										</div>
										<div class="media">
											<a class="pull-left" href="post-image.html"><img class="media-object" src="img/img3.jpg" width="100" alt=""></a>
											<div class="media-body">
												<h4 class="media-heading"><a href="post-image.html">Every other day it's food, food, food.</a></h4>
												<p class="post-date">april 2, 2014</p>
											</div>
										</div>
										
									</div>
								</div>
							</div>

							<h3>11 Comments</h3>	
							<div class="media">
								<hr>
								<a class="pull-left avatar" href="#">
									<img class="media-object img-circle" src="img/author-sing.jpg" width="40" height="40" alt="">
								</a>
								<div class="media-body">
									<h4 class="media-heading"><a href="">Melissa Sing</a><span>5h ago | <a href="#">REPLY</a></span></h4>
									<p>Good news, everyone! There's a report on TV with some very bad news! Daddy Bender, we're hungry. One hundred dollars. Leela, Bender, we're going grave robbing.</p>


									<div class="media">
										<a class="pull-left avatar" href="#">
										  <img class="media-object img-circle" src="img/author-red.jpg" width="40" height="40" alt="">
										</a>
										<div class="media-body">
											<h4 class="media-heading"><a href="">Jessica Red</a><span>17h ago | <a href="#">REPLY</a></span></h4>
											<p>Who am I making this out to? You're going back for the Countess, aren't you? Does anybody else feel jealous and aroused and worried? </p>
										</div>
									</div>


									<div class="media">
										<a class="pull-left avatar" href="#">
											 <img class="media-object img-circle" src="img/author-sans.jpg" width="40" height="40" alt="">
										</a>
										<div class="media-body">
											<h4 class="media-heading"><a href="">Dorin Sans</a><span>2d ago | <a href="#">REPLY</a></span></h4>
											<p>Fetal stemcells, aren't those controversial? Ven ve voke up, ve had zese wodies. You guys realize you live in a sewer, right? And why did 'I' have to take a cab? Why would I want to know that? Are you crazy? I can't swallow that.</p>
										</div>
									</div>
								</div>
								<div class="media">
										<a class="pull-left avatar" href="#">
										  <img class="media-object img-circle" src="img/author-red.jpg" width="40" height="40" alt="">
										</a>
										<div class="media-body">
											<h4 class="media-heading"><a href="">Jessica Red</a><span>3d ago | <a href="#">REPLY</a></span></h4>
											<p>It may comfort you to know that Fry's death took only fifteen seconds, yet the pain was so intense, that it felt to him like fifteen years.  </p>
										</div>
									</div>
							</div>

							<div id="comments_pagination">
								<span class="page-numbers current">1</span>
								<a class="page-numbers" href="#">2</a>
								<a class="next page-numbers" href="#"><i class="icon-arrow-right2"></i></a>
							</div>

							<h3>Add a new comment</h3>
							<form action="index.html" method="post" novalidate class="myform" id="mycomment">
								<div class="row">
									<div class="col-xs-12 col-sm-12 col-md-12 wow fadeInUp" >
										<div class="form-group">
											<label class="control-label" for="contact-message">Join the discussion...</label>
											<div class="controls">
												<textarea name="comments" placeholder="Join the discussion..." class="form-control input-lg requiredField" rows="3" data-error-empty="Please enter comment"></textarea>
											</div>
										</div>
										<div class="row">
											<div class="col-xs-12 col-sm-6 col-md-6">
												<div class="form-group">
													<label class="control-label">Name</label>
													<div class="controls">
														<input name="contactName" placeholder="Name" class="form-control input-lg requiredField " type="text" data-error-empty="Please enter name">
													</div>
												</div>
											</div>
											<div class="col-xs-12 col-sm-6 col-md-6">
												<div class="form-group">
													<label class="control-label" for="contact-mail">Email</label>
													<div class=" controls">
														<input name="email" placeholder="Email" class="form-control input-lg requiredField" type="email" data-error-empty="Please enter email" data-error-invalid="Invalid email address">
													</div>
												</div>	
											</div>	
										</div>	
										<div class="row">
											<div class="col-xs-12 col-sm-6 col-md-6">
												<div class="form-group">
													<label class="control-label">Website</label>
													<div class="controls">
														<input name="contactName" placeholder="Website" class="form-control input-lg " type="text">
													</div>
												</div>
											</div>
											<div class="col-xs-12 col-sm-6 col-md-6">
												<div class="form-group">
													<button name="submit" type="submit" class="btn btn-block" data-error-message="Error!" data-sending-message="Sending..." data-ok-message="Comment Sent">Send Comment</button>
													<input type="hidden" name="submitted" id="submitted3" value="true">
												</div>	
											</div>	
										</div>	


									</div>
								</div>
							</form>

						</div>
					</div>
				</div>
				<footer>
					<div class="footer">
						<div class="container">
							<div class="row">
								<div class="col-sm-4 col-md-4 footer-widget">
									<h3>Statistics</h3>
									<span>We can't compete with Mom! Her company is big and evil! </span>
									<div class="stats">
										<div class="line">
											<span class="counter">27</span>
											<span class="caption">Articles</span>
										</div>
										<div class="line">
											<span class="counter">208</span>
											<span class="caption">Comments</span>
										</div>
										<div class="line">
											<span class="counter">2</span>
											<span class="caption">Authors</span>
										</div>                    
									</div>
								</div>

								<div class="col-sm-4 col-md-4 footer-widget">
									<h3>Recent posts</h3>
									<div class="post-recent-widget">
										<div class="row">
											<div class="col-sm-12">
												<div class="media">
													<a class="pull-left" href="post-video.html"><img class="media-object" src="img/img2.jpg" width="80" alt=""></a>
													<div class="media-body">
														<h4 class="media-heading"><a href="post-video.html">But I've never been to the moon!</a></h4>
														<p class="post-date">may 10, 2014</p>
													</div>
												</div>
												<div class="media">
													<a class="pull-left" href="post-typography.html"><img class="media-object" src="img/img1.jpg" width="80" alt=""></a>
													<div class="media-body">
														<h4 class="media-heading"><a href="post-typography.html">We don't have a brig</a></h4>
														<p class="post-date">september 27, 2014</p>
													</div>
												</div>
												<div class="media">
													<a class="pull-left" href="post-image.html"><img class="media-object" src="img/img3.jpg" width="80" alt=""></a>
													<div class="media-body">
														<h4 class="media-heading"><a href="post-image.html">Every other day it's food, food, food.</a></h4>
														<p class="post-date">april 2, 2014</p>
													</div>
												</div>
												
											</div>
										</div>
									</div>
								</div>

								<div class="col-sm-4 col-md-4 footer-widget clearfix">
									<h3>Tags</h3>
									<ul class="tags">
										<li><a href="#">OpenPGP</a></li>
										<li><a href="#">Django</a></li>
										<li><a href="#">Bitcoin</a></li>
										<li><a href="#">Security</a></li>
										<li><a href="#">GNU/Linux</a></li>
										<li><a href="#">Git</a></li>
										<li><a href="#">Homebrew</a></li>
										<li><a href="#">Debian</a></li>                            
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="copyright">
						<div class="container">
							<p class="pull-left">Designed by <a href="http://angelostudio.net">Angelo Studio.</a></p>
							<ul class="social-links pull-right">
								<li><a href="#link"><i class="icon-twitter"></i></a></li>
								<li><a href="#link"><i class="icon-facebook"></i></a></li>
								<li><a href="#link"><i class="icon-googleplus"></i></a></li>
							</ul>
						</div>
					</div>
				</footer>
		</div>		

		<div class="modal fade login" id="loginModal" aria-hidden="true">
			  <div class="modal-dialog login">
				  <div class="modal-content">
					 <div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
						<h4 class="modal-title">Login with</h4>
					</div>
					<div class="modal-body">  
						<div class="box">
							<div class="form loginBox">
								<form class="myform" method="post" action="/login" accept-charset="UTF-8">
									<div class="form-group">
										<label class="control-label">Email</label>
										<div class="controls">
											<input id="email" class="form-control" type="text" placeholder="Email" name="email">
										</div>
									</div>
									<div class="form-group">
										<label class="control-label">password</label>
										<div class="controls">
											<input id="password" class="form-control" type="password" placeholder="Password" name="password">
										</div>
									</div>
									<p class="text-center"><a href="">Forgot password?</a></p>
									<input class="btn btn-block" type="button" value="Login" >
								</form>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<div class="forgot login-footer">
							<span>Looking to 
								 <a href="#">create an account</a>
							?</span>
						</div>
					</div>        
				  </div>
			  </div>
		  </div>
		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/placeholders.min.js"></script>
		<script type="text/javascript" src="js/wow.min.js"></script>
		<script type="text/javascript" src="js/custom.js"></script>
		<script type="text/javascript" src="js/ga.js"></script>
	</body>
</html>